<include file="public@header"/>
<style type="text/css">

    .p_title {
        width: 515px;
        margin: 0 0 45px 60px;
        padding: 10px 0 10px 20px;
    }
    tr td input,tr td select{ max-width:80px;width:auto;}
    .content_nav .check_info{flex:1; display:flex;flex-direction: column;align-items: center;justify-content: center;}
    .form-control{
        width:auto; display:inline-block;
    }
</style>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('orders/visua')}">{:lang('可视化墓区')}</a></li>
        <li><a href="{:url('orders/sale')}?order_id={$order_id}">墓位信息</a></li>
        <li><a href="{:url('orders/applyer')}?order_id={$order_id}">申请人信息</a></li>
        <li><a href="{:url('orders/signContract')}?order_id={$order_id}">合同签订</a></li>
<!--        <li class="active"><a href="{:url('orders/orderPay')}?order_id={$order_id}">订单支付</a></li>-->

<!--        <li><a href="{:url('orders/sales')}">{:lang('可视化墓区')}</a></li>-->
<!--        <li><a href="{:url('orders/sale')}">格位信息</a></li>-->
<!--        &lt;!&ndash;<li><a href="{:url('orders/buyer')}">申请人信息</a></li>&ndash;&gt;-->
<!--        <li><a href="{:url('orders/applyer')}">申请人信息</a></li>-->
<!--        <li><a href="{:url('orders/user')}">寄存信息</a></li>-->
<!--        <li><a href="{:url('orders/signContract')}">合同签订</a></li>-->
<!--        <li class="active"><a href="{:url('orders/orderPay')}">订单支付</a></li>-->
    </ul>
    <form class="form-horizontal js-ajax-form" action="{:url('store/add_post')}" method="post" enctype="multipart/form-data">
        <fieldset>
            <!--改版画面-->
            <div class="div_title"><span>客户概览</span></div>
            <div class="control-group1-p div_content">
                <div class="control-group1">
                    <label class="control-label">客户姓名</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="张三" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">持证类型</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="身份证" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">证件号码</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="370305192102122201" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">联系电话</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="15212025423" disabled>
                    </div>
                </div>
                <div class="control-group1" style="width:50%;">
                    <label class="control-label">联系地址</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="山东省济南市历下区燕子山路名仕花园5-1301" style="width:80%;" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">合同编号</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="XYD5-1301" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">墓位编号</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="YXY4A0600" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">具体位置</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="神秀区毓秀园3层西区" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">当前状态</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="空闲" disabled>
                    </div>
                </div>
                <div class="control-group1">
                    <label class="control-label">格位规制</label>
                    <div class="controls">
                        <input type="text" name="user_login" class="form-control" value="双穴" disabled>
                    </div>
                </div>
                <!---tab页-->
                <php>$vo = 0; $page = '';</php>
                <div style="width:98%; margin:0 auto; clear:both;">
                    <div style="width:48%; float:left;margin-bottom:30px;">
                        <div class="div_title" ><span>交款记录</span></div>
                        <div class="control-group1-p div_content" style="border: 2px solid #0b7ebf;overflow:hidden; overflow-x:auto;">
                            <form action="{:url('Rock/order')}" method="post">
                                <table class="table table-hover table-bordered" style="max-width:120% !important;width:120% !important">
                                    <thead>
                                    <tr>
                                        <th>寄存单号</th>
                                        <th>类型</th>
                                        <th>付/退款人姓名</th>
                                        <th>付/退款人时间</th>
                                        <th>金额</th>
                                        <th>付/退款人方式</th>
                                        <th>经办人</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td >DJ090315545</td>
                                        <td >定金</td>
                                        <td >某某某</td>
                                        <td >2019.03.05 12：32</td>
                                        <td >3000</td>
                                        <td >现金</td>
                                        <td >刘锡惠</td>
                                        <td ><a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">备注</a>
                                            |
                                            <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">补打</a>
                                            |
                                            <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">附件</a></td>
                                    </tr>
                                    <tr>
                                        <td >DJ090315545</td>
                                        <td >退定</td>
                                        <td >某某某</td>
                                        <td >2019.03.05 12：32</td>
                                        <td >3000</td>
                                        <td >现金</td>
                                        <td >刘锡惠</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="pagination">{$page}</div>
                            </form>
                        </div>
                        <div class="div_title" style="margin-top:20px;"><span>结算项目</span></div>
                        <div class="control-group1-p div_content" style="border: 2px solid #0b7ebf;overflow:hidden; overflow-x:auto; padding-top:0;">
                            <div class="div_title" id="div_title" style="width:120%; background:#DEDDDD;box-shadow: 5px -5px 3px #CFCECE inset;"><span style="color:#222;">墓穴销售</span></div>
                            <div class="div_titleinfo" style="width:100%;">
                                <form action="{:url('Rock/order')}" method="post">
                                    <table class="table table-hover table-bordered" style="max-width:120% !important;width:120% !important">
                                        <thead>
                                        <tr>
                                            <!--<th width="20">
                                                <input type="checkbox" class="js-check-all" data-direction="y" data-checklist='orderid' />
                                            </th>-->
                                            <th>墓位编号</th>
                                            <th>类型</th>
                                            <th>流程</th>
                                            <th>单位</th>
                                            <th>数量</th>
                                            <th>价格</th>
                                            <th>下单时间</th>

                                            <th>导购员</th>
                                            <th>代理商</th>
                                            <th>抵顶人</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <!--<td><input type="checkbox" class="js-check" name="order_id[]" data-yid='orderid' value="{$vo.order_id}" /></td>                   -->
                                            <td >YXY3A15510</td>
                                            <td >商品墓</td>
                                            <td >购买/寄存</td>
                                            <td >套</td>
                                            <td >1</td>
                                            <td >69700</td>
                                            <td >暂时均不显示</td>

                                            <td ></td>
                                            <td ></td>
                                            <td ></td>
                                        </tr>

                                        </tbody>
                                    </table>
                                    <div class="pagination">{$page}</div>
                                </form>
                            </div>
                            <div class="div_title" id="div_title1" style="width:120%; background:#DEDDDD;box-shadow:5px -5px 3px #CFCECE inset;"><span style="color:#222;">商品销售</span></div>
                            <div class="div_titleinfo1 disappear">

                                <form action="{:url('Rock/order')}" method="post">
                                    <table class="table table-hover table-bordered" style="max-width:120% !important;width:120% !important">
                                        <thead>
                                        <tr>
                                            <!--<th width="20">
                                                <input type="checkbox" class="js-check-all" data-direction="y" data-checklist='orderid' />
                                            </th>-->
                                            <th>序号</th>
                                            <th>项目名称</th>
                                            <th>大类</th>
                                            <th>类型</th>
                                            <th>单位</th>
                                            <th>单价</th>
                                            <th>数量</th>
                                            <th>优惠</th>
                                            <th>销售</th>
                                            <th>合计</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <!--<td><input type="checkbox" class="js-check" name="order_id[]" data-yid='orderid' value="{$vo.order_id}" /></td>                   -->
                                            <td >1</td>
                                            <td >落葬服务A套餐</td>
                                            <td >葬仪</td>
                                            <td >服务</td>
                                            <td >套</td>
                                            <td >1800</td>
                                            <td >1</td>
                                            <td >
                                                <select>
                                                    <option>5%</option>
                                                    <option>10%</option>
                                                    <option>15%</option>
                                                </select>
                                            </td>
                                            <td>某某某</td>
                                            <td >1800</td>
                                        </tr>

                                        </tbody>
                                    </table>
                                    <div class="pagination">{$page}</div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div style="width:48%; float:left; margin-left:2%;margin-bottom:30px;">
                        <div class="div_title"><span>费用信息</span></div>
                        <div class="control-group1-p div_content" style="border: 2px solid #0b7ebf;">
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">寄存时长</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;"  disabled>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">单年费用</label>
                                <div class="controls" style=" ">
                                    <select style="max-width:200px; width:auto;min-width:167px;" class="form-control">
                                        <option>￥380</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">优惠方案</label>
                                <div class="controls" style=" ">
                                    <select style="max-width:200px; width:auto;min-width:167px;" class="form-control">
                                        <option>￥1500/5年</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">免费寄存</label>
                                <div class="controls" style=" ">
                                    <select style="max-width:200px; width:auto; min-width:167px;" class="form-control">
                                        <option>一年</option>
                                    </select>
                                </div>
                            </div>

                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">合计应收</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="￥6000" disabled>
                                </div>
                            </div>


                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">付款人</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="">
                                </div>
                            </div>
                            <div style="float:left; width:80%; margin-left:10%;border-bottom:1px dashed;margin-bottom:20px;"></div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">商品总计</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="￥18000" disabled>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">付款方式</label>
                                <div class="controls" style=" ">
                                    <select name="cate" style="max-width:200px; width:auto;min-width:167px;" class="form-control">
                                        <option value="0">现金</option>
                                        <option value="0">转账</option>
                                        <option value="0">电汇</option>
                                        <option value="0">微信</option>
                                        <option value="0">支付宝</option>
                                        <option value="0">其他</option>
                                    </select>
                                </div>
                            </div>
                            <div style="float:left; width:80%; margin-left:10%;border-bottom:1px dashed; margin-bottom:20px;"></div>
                            <!--<div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">业务员/代理商</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="" disabled>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">导购员</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="" disabled>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">抵顶人</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="" disabled>
                                </div>
                            </div>-->
                            <div class="control-group1" style="width:100%;">
                                <label class="control-label" style="">收银备注</label>
                                <div class="controls" style=" ">
                                    <textarea rows="3" name="user_login" class="form-control" style="width:85%"></textarea>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">收款时间</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="" disabled>
                                </div>
                            </div>
                            <div class="control-group1" style="width:50%;">
                                <label class="control-label" style="">收款人</label>
                                <div class="controls" style=" ">
                                    <input type="text" name="user_login" class="form-control" style="max-width:200px; width:auto;" value="" disabled>
                                </div>
                            </div>
                            <div class="form-actions" style="clear:both;">
                                <div class="btn btn-primary" id="check-btn">打印结算单</div>
                                <div class="btn btn-primary" id="check-btn">保存</div>
                                <div class="btn btn-primary" id="check-btn">结账</div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
</div>
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js?v={:time()}"></script>

<script type="text/javascript">
    // 提交订单
    $("#check-btn").click(function(){
        $.post($("form").attr('action'), $("form").serialize(), function(result){
            if(result.state == 'success'){
                alert("保存成功！");
                $('#js-dialog-close').click();
            } else {
                alert(result.info);
            }
        }, 'json');
    });
    $("#div_title").click(function(){
        if($(".div_titleinfo").is(":hidden")){
            $(".div_titleinfo").show();
        }else{
            $(".div_titleinfo").hide();
        }
    })
    $("#div_title1").click(function(){
        if($(".div_titleinfo1").is(":hidden")){
            //
            $(".div_titleinfo1").show();
        }else{
            $(".div_titleinfo1").hide();
            //$(".div_titleinfo").show();
        }
    })
</script>

</body>
</html>